<!DOCTYPE html>
<html lang="en">
    <head>
        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
        <link href="练习2.css" rel="stylesheet">
        <meta charset="UTF-8">
        <title>热门</title>
    </head>
    <body>
        <div class="all">
            <div class="top clearfix">
            <h3 class="fl">热门活动</h3>
                <h4 class="fr">更多</h4>
            </div>
            <ul class="clearfix">
                <li><a href="#">
                    <div>
                        <img src="img/img1.png"></div>
                    <div>
                        <span>推荐活动 | 原创音乐现金榜T榜</span>
                    </div>
                </a></li>
                <li><a href="#">
                    <div>
                    <img src="img/img2.png">
                    </div>
                    <div>
                    <span>推荐节目|《TAImusic》爆笑来袭</span>
                    </div>
                </a></li>
                <li><a href="#">
                    <div>
                    <img src="img/img3.png">
                    </div>
                    <div>
                    <span>推荐歌单 | 继续宠爱张国荣</span>
                    </div>
                </a></li>
                <li><a href="#">
                    <div>
                    <img src="img/img4.png">
                    </div>
                    <div>
                    <span>推荐活动| 330金属音乐巡演 成都小酒馆音乐空间</span>
                    </div>
                </a></li>
            </ul>

        </div>
    </body>
</html>